<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="HandheldFriendly" content="true">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Maverick,熊猫小A,Galileo,blog" />
    <meta name="generator" content="Maverick 1.0" />
    <meta name="template" content="Galileo" />
    <link rel="alternate" type="application/rss+xml" title="我的个人博客 &raquo; RSS 2.0" href="/Blog-With-GitHub-Boilerplate/feed/index.xml" />
    <link rel="alternate" type="application/atom+xml" title="我的个人博客 &raquo; ATOM 1.0" href="/Blog-With-GitHub-Boilerplate/feed/atom/index.xml" />
    <link rel="stylesheet" href="/Blog-With-GitHub-Boilerplate/assets/galileo-ec40839efa.css">
    <link rel="stylesheet" href="/Blog-With-GitHub-Boilerplate/assets/ExSearch/ExSearch-182e5a8868.css">
    <link href="https://fonts.googleapis.com/css?family=Fira+Code&display=swap" rel="stylesheet">
    <script>
        var ExSearchConfig = {
            root: "",
            api: "/Blog-With-GitHub-Boilerplate/24252168c78b37b68ed3707d59ab832e.json"
        }
    </script>
    
<title>Hello World! - 我的个人博客</title>
<meta name="author" content="AlanDecode" />
<meta name="description" content="这是一篇示例文章，在这里你可以看到常用页面元素的显示效果。" />
<meta property="og:title" content="Hello World! - 我的个人博客" />
<meta property="og:description" content="这是一篇示例文章，在这里你可以看到常用页面元素的显示效果。" />
<meta property="og:site_name" content="我的个人博客" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/Blog-With-GitHub-Boilerplate/archives/typography/" />
<meta property="og:image" content="" />
<meta property="article:published_time" content="2019-12-18T16:50:00-00.00" />
<meta name="twitter:title" content="Hello World! - 我的个人博客" />
<meta name="twitter:description" content="这是一篇示例文章，在这里你可以看到常用页面元素的显示效果。" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="" />


    
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//cdn.jsdelivr.net" />

    </head>
    
    <body>
        
        <div class="container">
            <header id="ga-header">
                <div first>
                    <aside id="ga-logo">
                        <a href="/Blog-With-GitHub-Boilerplate/" target="_self">
                            <img src="/Blog-With-GitHub-Boilerplate/logo.png" alt="我的个人博客">
                        </a>
                    </aside>
                    <aside id="ga-brand">
                        <h1 class="brand"><a class="no-style" href="/Blog-With-GitHub-Boilerplate/">我的个人博客</a></h1>
                        <p>只坚持一种正义。我的正义。</p>
                    </aside>
                </div>
                <div second id="ga-nav">
                    <nav class="navs">
                        <ul><li><a class="ga-highlight" href="/Blog-With-GitHub-Boilerplate/" target="_self">首页</a></li><span class="separator">·</span><li><a class="ga-highlight" href="/Blog-With-GitHub-Boilerplate/archives/" target="_self">归档</a></li><span class="separator">·</span><li><a class="ga-highlight" href="/Blog-With-GitHub-Boilerplate/about/" target="_self">关于</a></li><span class="separator">·</span><li><a href="#" target="_self" class="search-form-input ga-highlight">搜索</a></li></ul>
                    </nav>
                    <nav class="social-links">
                        <ul><li><a class="no-style" title="Twitter" href="https://twitter.com/AlanDecode" target="_blank"><i class="gi gi-twitter"></i>Twitter</a></li><span class="separator">·</span><li><a class="no-style" title="GitHub" href="https://github.com/AlanDecode" target="_blank"><i class="gi gi-github"></i>GitHub</a></li><span class="separator">·</span><li><a class="no-style" title="Weibo" href="https://weibo.com/5245109677/" target="_blank"><i class="gi gi-weibo"></i>Weibo</a></li></ul>
                    </nav>
                </div>
            </header>
            <div class="wrapper">
                
<main>    
    <section class="ga-section ga-content">
        <article class="yue">
            <h1 class="ga-post_title">Hello World!</h1>
            <span class="ga-post_meta ga-mono">
                <span>AlanDecode</span>
                <time>
                    2019-12-18
                </time>
                
                in <a no-style class="category" href="/Blog-With-GitHub-Boilerplate/category/Maverick/">
                    Maverick
                </a>
                
                
            </span>
            <div class="ga-content_body">
                <div class="notice">这是一篇示例文章，在这里你可以看到常用页面元素的显示效果，同时也是 Markdown 语法的参考文章。保留或者删除本文，开始自己的创作吧！</div><h2>L2 Heading</h2>
<h3>L3 Heading</h3>
<h4>L4 Heading</h4>
<h5>L5 Heading</h5>
<h6>L6 Heading</h6>
<h2>Paragraph</h2>
<p>We are creating a world that all may enter without privilege or prejudice accorded by race, economic power, military force, or station of birth.</p>
<p>We are creating a world where anyone, anywhere may express his or her beliefs, no matter how singular, without fear of being coerced into silence or conformity.</p>
<h2>Inline elements</h2>
<p><strong>Bold</strong>, <ruby>Ruby<rp>(</rp><rt>ルビ</rt><rp>)</rp></ruby>, <em>Italic</em>, <del>Strikethrough</del>, <a href="https://www.imalan.cn">Link</a><sup id="fn_ref_1"><a href="#fn_1">1</a></sup>。</p>
<h2>Blockquote and nested blockquote</h2>
<blockquote><p>安得广厦千万间，大庇天下寒士俱欢颜！风雨不动安如山。</p>
<blockquote><p>呜呼！何时眼前突兀见此屋，吾庐独破受冻死亦足！</p>
</blockquote>
</blockquote>
<h2>Code</h2>
<p>Inline code: <code>int a=1;</code>. Code block:</p>
<div class="highlight"><pre><span></span><span class="kt">int</span> <span class="nf">main</span><span class="p">(</span><span class="kt">int</span> <span class="n">argc</span> <span class="p">,</span> <span class="kt">char</span><span class="o">**</span> <span class="n">argv</span><span class="p">){</span>
    <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&quot;Hello World!</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">;</span>
    <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
<h2>List</h2>
<h3>Unordered List</h3>
<ul>
<li>iPhone<ul>
<li>iPhone X</li>
<li>iPhone 11</li>
</ul>
</li>
<li>iPad</li>
<li>MacBook</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>打开冰箱<ol>
<li>右手放在冰箱门拉手上</li>
<li>左手扶住冰箱主体</li>
<li>右手向后用力</li>
</ol>
</li>
<li>把大象放进冰箱</li>
<li>关上冰箱</li>
</ol>
<h2>Horizontal rule</h2>
<hr>
<h2>Math</h2>
<p>Inline Math: $m\times n$, math block:</p>
<p>$$C_{m\times k}=A_{m\times n}\cdot B_{n\times k}$$</p>
<h2>Figures</h2>
<h3>Single figure</h3>
<p><figure class="pswp-item" style="flex: 92.88888888888889" data-width="836" data-height="450"><img src="/Blog-With-GitHub-Boilerplate/archives/assets/e0affbc80ccb2d596c87b520e37e7071.jpg" alt="Princess Mononoke" /><figcaption>Princess Mononoke</figcaption></figure></p>
<h3>Photoset</h3>
<div class="photos">
<figure class="pswp-item" style="flex: 75.0" data-width="4032" data-height="2688"><img src="/Blog-With-GitHub-Boilerplate/archives/assets/4956a144888cdbbb6c2df1d1d15384b0.jpeg" alt="" /></figure>
<figure class="pswp-item" style="flex: 50.03720238095238" data-width="2690" data-height="2688"><img src="/Blog-With-GitHub-Boilerplate/archives/assets/4c66f0da616b08325b3aaa4c8b3f68e1.jpg" alt="" /></figure>
<figure class="pswp-item" style="flex: 75.0" data-width="4032" data-height="2688"><img src="/Blog-With-GitHub-Boilerplate/archives/assets/8b4d2334469ffa39b59e6fdb37c8c601.jpeg" alt="" /></figure></div><div class="photos">
<figure class="pswp-item" style="flex: 75.0" data-width="4032" data-height="2688"><img src="/Blog-With-GitHub-Boilerplate/archives/assets/0f5023d542a33e7c9d270f3cd6a99562.jpeg" alt="" /></figure>
<figure class="pswp-item" style="flex: 75.0" data-width="4032" data-height="2688"><img src="/Blog-With-GitHub-Boilerplate/archives/assets/ba1042a6a91a159559ac85bd4929d5d4.jpeg" alt="" /></figure>
<figure class="pswp-item" style="flex: 75.0" data-width="4032" data-height="2688"><img src="/Blog-With-GitHub-Boilerplate/archives/assets/2b8af25285e5a193729a350593113bad.jpeg" alt="" /></figure></div><h2>Table</h2>
<table>
<thead><tr>
<th>header</th>
<th>header</th>
</tr>
</thead>
<tbody>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</tbody>
</table>
<h2>Link Card</h2>
<div class="links">
<a style="display:block" target="_blank" href="https://www.imalan.cn" class="board-item">                 <div class="board-thumb"><img src="https://secure.gravatar.com/avatar/1741a6eef5c824899e347e4afcbaa75d?s=200&r=G&d="></div>                 <div class="board-title">AlanDecode</div></a></div><hr><div class="footnotes"><ol><li id="fn_1">Home page for AlanDecode <a no-style href="#fn_ref_1">↩</a></li></ol></div>
            </div>
        </article>
        <div id="ga-tags">
    
    <span class="ga-tag">
        <a class="ga-highlight" href="/Blog-With-GitHub-Boilerplate/tag/Design/">#Design</a>
    </span>
    
    <span class="ga-tag">
        <a class="ga-highlight" href="/Blog-With-GitHub-Boilerplate/tag/Typography/">#Typography</a>
    </span>
    
</div>
    </section>

    
<section id="ga-content_pager">

    <div class="next">
        <h3>没有了</h3>
        <p class="yue">这是最新的文章</p>
    </div>


    <div class="prev">
        <h3>没有了</h3>
        <p class="yue">这是最旧的文章</p>
    </div>

</section>


    

</main>

                <footer class="ga-mono" id="ga-footer">
                    <section>
                        <span id="ga-uptime"></span>
                        <span class="brand">我的个人博客</span>
                    </section>
                    <section>
                        <p class="copyright">
                            <span>Copyright © 2019 熊猫小A</span>
                            <span>Powered by <a no-style href="https://github.com/AlanDecode/Maverick" target="_blank">Maverick & Galileo</a></span>
                        </p>
                        <div class="copyright">
                            <span class="footer-addon">
                                
                            </span>
                            <nav class="social-links">
                                <ul><li><a class="no-style" title="Twitter" href="https://twitter.com/AlanDecode" target="_blank"><i class="gi gi-twitter"></i>Twitter</a></li><span class="separator">·</span><li><a class="no-style" title="GitHub" href="https://github.com/AlanDecode" target="_blank"><i class="gi gi-github"></i>GitHub</a></li><span class="separator">·</span><li><a class="no-style" title="Weibo" href="https://weibo.com/5245109677/" target="_blank"><i class="gi gi-weibo"></i>Weibo</a></li></ul>
                            </nav>
                        </div>
                    </section>
                    <script>
                        var site_build_date = "2019-12-18T16:51+08:00"
                    </script>
                    <script src="/Blog-With-GitHub-Boilerplate/assets/galileo-d8a0a06eff.js"></script>
                </footer>
            </div>
        </div>
    </div>
        
        
        <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="pswp__bg"></div>
        <div class="pswp__scroll-wrap">
            <div class="pswp__container">
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
            </div>
            <div class="pswp__ui pswp__ui--hidden">
                <div class="pswp__top-bar">
                    <div class="pswp__counter"></div>
                    <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                    <button class="pswp__button pswp__button--share" title="Share"></button>
                    <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                    <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                    <div class="pswp__preloader">
                        <div class="pswp__preloader__icn">
                          <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                          </div>
                        </div>
                    </div>
                </div>
                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                    <div class="pswp__share-tooltip"></div> 
                </div>
                <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                </button>
                <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                </button>
                <div class="pswp__caption">
                    <div class="pswp__caption__center"></div>
                </div>
            </div>
        </div>
    </div>

    <script src="/Blog-With-GitHub-Boilerplate/assets/ExSearch/jquery.min.js"></script>
    <script src="/Blog-With-GitHub-Boilerplate/assets/ExSearch/ExSearch-493cb9cd89.js"></script>
    
    <!--katex-->
    <link rel="stylesheet" href="/Blog-With-GitHub-Boilerplate/assets/katex.min.css">
    <script defer src="/Blog-With-GitHub-Boilerplate/assets/katex.min.js"></script>
    <script>
    mathOpts = {
        delimiters: [
            {left: "$$", right: "$$", display: true},
            {left: "\\[", right: "\\]", display: true},
            {left: "$", right: "$", display: false},
            {left: "\\(", right: "\\)", display: false}
        ]
    };
    </script>
    <script defer src="/Blog-With-GitHub-Boilerplate/assets/auto-render.min.js" onload="renderMathInElement(document.body, mathOpts);"></script>

    
    </body>
</html>